<template>
    <panel class="content" title="推荐板块" sub="更多">
        <div class="nav">
            <div class="item">
                <img src="../../../../assets/images/js.png" alt="">
                <span>技术</span>
            </div>
            <div class="item">
                <img src="../../../../assets/images/zl.png" alt="">
                <span>专利</span>
            </div>
            <div class="item">
                <img src="../../../../assets/images/qy.png" alt="">
                <span>企业</span>
            </div>
            <div class="item">
                <img src="../../../../assets/images/xm.png" alt="">
                <span>项目</span>
            </div>
            <div class="item">
                <img src="../../../../assets/images/zj.png" alt="">
                <span>专家</span>
            </div>
            <div class="item">
                <img src="../../../../assets/images/zx.png" alt="">
                <span>咨询</span>
            </div>
        </div>
    </panel>
</template>

<script>
    import Panel from "../../../core/Panel";

    export default {
        components: {Panel},
        data() {
            return {}
        }
    }
</script>

<style scoped lang="scss">
    .content{
        height: 255px;
        .nav {
            display: flex;
            flex-wrap: wrap;
            padding: 0 10px;
            .item{
                width: 130px;
                height: 75px;
                line-height: 75px;
                text-align: center;
                vertical-align: middle;
                cursor: pointer;
                img{
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 20px;
                }
                span{
                    font-size: 16px;
                    color: #000;
                    font-weight: 500;
                }
            }
        }
    }

</style>
